<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="file"/>
<script>
    //本操作在Chrome中失效
    var inp=document.getElementsByTagName("input")[0];
    var s="";
    inp.onchange=function(){
        var str=this.value;
        for(var i=str.lastIndexOf(".")+1;i<str.length;i++){
            s+=str.charAt(i);
        }
        var text=s.toLowerCase();
        return text==="png"||text==="jpg"||text==="gif"?alert("图片格式正确！"):alert("不是图片格式！");
    }
</script>
</body>
</html>